<template>
    <div class="unauthorized">
        <div class="text">暂无访问权限!</div>
    </div>
</template>

<script lang="ts">
// 一般不会使用该<script>块
</script>

<script setup lang="ts">
import { onMounted, onUnmounted } from 'vue';

/* -- PROPS -- */

// TODO: define props

/* -- EVENTS -- */

// TODO: define events

/* -- [BLOCK Name] -- */

/* - PROPERTIES - */

// TODO: define data

/* - LIFE CYCLE - */

onMounted(() => {
    // TODO
});

onUnmounted(() => {
    // TODO
});

/* - METHODS - */

// TODO: define methods
</script>

<style scoped>
.unauthorized {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 100vw;
    height: 100vh;

    background-color: #e3fdfd;
}

.unauthorized .text {
    color: #252a34;
    font-size: 0.28rem;
}
</style>
